<h2 style="text-align: center">学生选课情况</h2>
<div>
  <div class="search-box">
    <input type="text" nz-input placeholder="专业" [(ngModel)]="searchValue" />
    <button nz-button nzSize="small" nzType="primary" (click)="search()" class="search-button">
      搜索
    </button>
    <input type="text" nz-input placeholder="班级" [(ngModel)]="searchValue2" />
    <button nz-button nzSize="small" nzType="primary" (click)="search2()" class="search-button">
      搜索
    </button>
    <button  style="float: right" nz-button nzSize="small" (click)="reset()">重置</button>
  </div>
</div>
<nz-table #nzTable [nzData]="DisplayData" [(nzPageSize)]="nzPageSize" nzShowQuickJumper="true" nzTableLayout="fixed" nzBordered [nzLoading]="loading">
  <thead>
  <tr>
    <th nzCustomFilter>课程号</th>
    <th>课程名称</th>
    <th nzCustomFilter>学号</th>
    <th>学分</th>
    <th>成绩</th>
    <th>绩点</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of nzTable.data">
    <td>{{ data.Courseid }}</td>
    <td>{{ data.coursename }}</td>
    <td>{{ data.stuid }}</td>
    <td>{{ data.credit }}</td>
    <td>{{data.score }}</td>
    <td>{{data.gradepoint | gPA }}</td>
  </tr>
  </tbody>
</nz-table>
